﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="robots" content="noindex,nofollow,noarchive" />
    <!-- Import css -->
    <link href="css/login.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
        function submitLoginForm() {
            $("#frmLogin").submit();
        }

        function clearLoginForm() {
            $("userId").val("");
            $("password").val("");
        }

        $(document).ready(function () {
            $("a#login").click(function () {
                submitLoginForm();
            });

            $("a#clear").click(function () {
                clearLoginForm();
            });
        });
    </script>

    <style type="text/css">
       
    </style>
    <!--[if lte IE 6]>
    <style type="text/css">
        #container {
            height: 100%;
        }
    </style>
    <![endif]-->

    <title>Login</title>
</head>
<body>
    <div id="container">
        <!-- ヘッダ  -->
        <div id="menu-bar"></div>

        <!-- コンテンツ  -->
        <div id="contents">
            <!-- メイン表示エリア  -->
            <div id="main">
                <div id="screen">
                    <div id="service-select">
                        <div id="service-select-top"></div>
                        <div id="service-select-middle">
                            <div id="service-select-title">サービス選択</div>
                            <p>利用するサービスを選択してください。</p>
                            <p>利用するサービスを選択してからボタンを押してください。</p>
                            <p id="required"><span class="red-text">（*）は入力必須</span></p>
                            <table id="tbl-service-select">
                                <tbody>
                                    <tr>
                                        <th>利用可能なサービス<span class="red-text">（＊）</span></th>
                                        <td>
                                            <select id="service-selector">
                                                <option value="1">利用可能なサービスの一覧</option>
                                                <option value="2">サービス１</option>
                                                <option value="3">サービス２</option>
                                            </select>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <a id="btn-back" href="#"></a><a id="btn-select" href="#"></a>
                            <div class="clear"></div>
                        </div>
                        <div id="service-select-bottom"></div>
                    </div>
                </div> <!--end div#screen-->
            </div>
        </div>

    </div>
</body>
</html>
